* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

img {
    vertical-align: middle;
    border: 0;
}

p {
    margin: 0;
}

a {
    text-decoration: none;
    color: #000;
}

ul {
    list-style: none;
}

ol {
    list-style: none;
}

.top {
    padding-left: .533333rem
        /* 20/37.5 */
    ;
    display: flex;
    height: 1.333333rem
        /* 50/37.5 */
    ;
    line-height: 1.333333rem
        /* 50/37.5 */
    ;
    cursor: pointer;
}

.top>a {
    display: flex;
    font-size: .373333rem
        /* 14/37.5 */
    ;
}

.box {
    width: 100%;
    height: 100%;
    max-width: 17.066667rem
        /* 640/37.5 */
    ;
    margin: 0 auto;
}

.shou {
    cursor: pointer;
}

.details {
    text-align: center;
    font-size: .48rem
        /* 18/37.5 */
    ;
    flex: 1;
    margin-right: 1.2rem
        /* 45/37.5 */
    ;
}

.pic1 {
    width: 100%;
    height: 5.333333rem
        /* 200/37.5 */
    ;
}

.content {
    margin-top: 15px;
    display: flex;
    cursor: pointer;
}

.contentPic {
    width: 2.346667rem
        /* 88/37.5 */
    ;
    height: 2.346667rem
        /* 88/37.5 */
    ;
}

.content2,
.content1 {
    font-size: .32rem
        /* 12/37.5 */
    ;
}

.content2 span:nth-child(1) {
    font-size: .32rem
        /* 12/37.5 */
    ;
}

.content2 {
    margin-top: .4rem
        /* 15/37.5 */
    ;
}

.text {
    font-size: .32rem
        /* 12/37.5 */
    ;
}

.text1 {
    font-size: .48rem
        /* 18/37.5 */
    ;
}

.content1 p:nth-child(2) {
    width: 7.333333rem
        /* 275/37.5 */
    ;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ccc;
}

.contentBox {
    padding: 5px;
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    height: 2.346667rem
        /* 88/37.5 */
    ;
}

.bigPic {
    width: 100%;
    cursor: pointer;
}

.top a {
    color: #1989FA;
}

.footer {
    width: 100%;
    cursor: pointer;
    padding: 5px;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    background-color: #fff;
    height: 1.6rem
        /* 60/37.5 */
    ;
}

.footerBtn {
    text-align: center;
    display: flex;
    flex: 1 1 60%;
    font-size: .48rem
        /* 18/37.5 */
    ;
    margin-left: .32rem
        /* 12/37.5 */
    ;
    flex: 1;
}

.footer1 {
    display: flex;
    flex-direction: column;
    font-size: .32rem
        /* 12/37.5 */
    ;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.widths {
    width: 1.066667rem
        /* 40/37.5 */
    ;
}

.margin {
    margin-left: 12px;
}

.pageFoot {
    display: flex;
}

.footerBtnRight,
.footerBtnLeft {
    width: 3.52rem
        /* 132/37.5 */
    ;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footerBtnLeft {
    background-color: greenyellow;
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px;
}

.footerBtnRight {
    background-color: green;
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px;
}

.pageFoot {
    background-color: white;
}

.lunboBox {
    width: 10rem /* 375/37.5 */;
    overflow: hidden;
    position: relative;
}

.lunbo {
    width: 30rem /* 1125/37.5 */;
    display: flex;
    position: relative;
    left : 0;
    transition: left 0.6s;
}
.lunbo li{
    flex: 1;
}
.lunbo li img{
    width: 100%;
    height: 5.333333rem /* 200/37.5 */;
}